<!-- Generated with: https://github.com/cesarferreira/facelift -->
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>SuperBottomSheet - Android native BottomSheet on steroids 💪</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css" />
  <link rel="stylesheet" href="./css/main.css" />
  <!-- Twitter Meta -->
  <meta name="twitter:card" content="summary" />
  <meta name="twitter:title" content="SuperBottomSheet" />
  <meta name="twitter:url" content="https://github.com/andrefrsousa/SuperBottomSheet" />
  <meta name="twitter:description" content="Android native BottomSheet on steroids 💪" />
  <meta property="og:url" content="https://github.com/andrefrsousa/SuperBottomSheet" />

  <meta property="og:title" content="SuperBottomSheet" />
  <meta property="og:description" content="Android native BottomSheet on steroids 💪" />
</head>
<body>
  <div class="hero is-fullheight">
    <div class="hero-body">
      <div class="container">
        <div class="columns is-variable is-6">
          <!-- Content Left -->
          <div class="column is-8 has-content-vcentered">
            <h1 class="title is-1"><a href="https://github.com/andrefrsousa/SuperBottomSheet">Super Bottom Sheet</a></h1>
            <h2 class="subtitle">Android native bottom sheet on steroids 💪</h2>
            <div class="call-to-action content">
              <p class="install-text is-size-5">
                <code><span>implementation &#39;com.github.andrefrsousa:SuperBottomSheet:1.3.0&#39;</span></code>
              </p>
              <div class="notification is-link is-hidden copy-notification">Copied to clipboard!</div>
            </div>

            <div class="features content">
              <strong>Features</strong>
              <ul>
                <li>Animate status bar color when scrolling</li>
                <li>Animate top rounded corners</li>
              </ul>
            </div>
            <div class="features content">
              <strong>Links</strong>
              <ul>
                <li>GitHub: <a href='https://github.com/andrefrsousa/SuperBottomSheet'>https://github.com/andrefrsousa/SuperBottomSheet</a></li>
              </ul>
            </div>

          </div>
          <!-- Media Right -->
          <div class="column is-4 has-content-vcentered">
            <figure class="image is-4by2">
              <img src="https://andrefrsousa.github.io/SuperBottomSheet/res/example.gif" />
            </figure>
          </div>
        </div>
      </div>
    </div>
  </div>

  <a target="_blank" rel="noopener" class="makerlink" href="https://andrefrsousa.github.io">
    <img class="makerlink__img" src="https://andrefrsousa.github.io/images/me.png" style="display: inline-block">
    <p class="makerlink__author">by André Sousa</p>
  </a>
  <script async type="text/javascript" src="./js/index.js"></script>
</body>
</html>
